require('normalize.css/normalize.css');
require('styles/App.css');

import styles from '../styles/Product.css';
import React, {Component} from 'react';
import {Form,Carousel, Row, Col, Icon, Layout, Menu, Input,Button,Tabs} from 'antd';
let img1 = require('../img/product/product01.jpg');
const { Content,} = Layout;
import HeaderMin from './HeaderMin'
import FooterMin from './FooterMin'
let In8 = require('../sources/in8/zh_cn');

let h1 =In8.Product.h1;// '圣域三国';
let msg1=In8.Product.msg1;//  "《圣域三国》是由福建掌心悦动网络科技有限公司运营代理的3D即时战斗MMORPG。游戏以架空的西方奇幻世界为故事背景描述了许多传奇故事。可以提供多人在虚拟场景内娱乐、探索、社群的功能。采用全3D图像技术，通过即时的光影成像技术，营造亦真亦幻的游戏世界。通过简化操作、自动释放技能和创新的合击技玩法让玩家体验到高质量的战斗和PK。丰富多样的装备，特效绚丽的技能，酣畅淋漓的战斗一定会让你有绝佳的体验。来吧，与兄弟并肩作战";

class Product extends Component {
  constructor(props) {
    super(props);
    this.state = {
      current: 'mail'
    };
    console.log("this.props",this.props);
  }

  render() {
    const { getFieldDecorator } = this.props.form;
    return (
      <Layout className="layout" style={{minWidth:'1024px'}}>
        <HeaderMin/>

        <Content style={{minHeight: '750px',backgroundColor:'#f4f4f4'}}>
          <Row type="flex" justify="center">
            <Col span={12} style={{backgroundColor:'white',color:'black',marginTop:'2%',minHeight:'600px'}} >
              <h3 className={styles.ProductH3}>
                首页> <a href="">产品介绍</a>
              </h3>
              <Row className={styles.Productul}>
                <Col span={9} className={styles.Productli}>
                  <img src={img1} style={{height:'300px'}}/>
                </Col>
                <Col span={14}>
                  <h2>{h1}</h2>
                  <p className ={styles.ProductP}>{msg1}</p>
                </Col>
              </Row>

              <Row>
                <Col span={4}>
                    <h2>游戏玩法</h2>
                  </Col>
                  <Col span={4} offset={14}>
                    <h2>游戏资料</h2>
                  </Col>
              </Row>

              <Row className={styles.Productul} style={{marginTop:'1%'}}>
                <Col span={7} className={styles.Productli}>
                  <img src={img1} style={{height:'300px'}}/>
                </Col>
                <Col span={10}>
                  <ul>
                    <li className={styles.Productli}>
                      <a href="#/product_1"> 装备玩法</a>
                    </li>
                    <li className={styles.Productli}>
                      <a href="#/product_2"> 活动玩法</a>
                    </li>
                    <li className={styles.Productli}>
                      <a href="#/product_3"> 副本玩法</a>
                    </li>
                  </ul>
                </Col>
                <Col span={1}/>
                <Col span={6}>
                  <ul>
                    <li className={styles.Productli}>
                      <a href="#/product_4"> 新手指导</a>
                    </li>
                    <li className={styles.Productli}>
                      <a href="#/product_5"> 六大职业</a>
                    </li>
                    <li className={styles.Productli}>
                      <a href="#/product_6"> 工会系统</a>
                    </li>
                  </ul>
                </Col>
              </Row>

              <Row className={styles.Productul} style={{marginTop:'1%'}}>

                <Col span={18}>
                  <spa>当前版本：1.2.121 | 更新日期：2017-6-15 | 文件大小1.24GB</spa>
                </Col>

                <Col span={6}>
                  <h2><a href="../downLoad/game.rar">本地下载</a></h2>
                </Col>
              </Row>

            </Col>
          </Row>

        </Content>
        <Row style={{marginTop:'3%'}}>
          <FooterMin/>
        </Row>
      </Layout>
    );
  }
}
export default Form.create()(Product);
//Product.defaultProps =  Form.create()(Product);;

//export default Product;
